{% extends 'header.html' %}

{% block content %}
    <!-- ===============  breadcrumb area start =============== -->
    <div class="breadcrumb-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="breadcrumb-wrap">
                        <h2>联系我们</h2>
                        <ul class="breadcrumb-links">
                            <li>
                                <a href="/index/">主页</a>
                                <i class="bx bx-chevron-right"></i>
                            </li>
                            <li>联系我们</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ===============  breadcrumb area end =============== -->
    
    <div class="contact-wrapper pt-90">
        <div class="contact-cards">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <div class="contact-card">
                            <div class="contact-icon"><i class="flaticon-arrival"></i>
                            </div>
                            <div class="contact-info">
                                <h5>地址</h5>
                                <p>福建省厦门市集美区天马路288号</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <div class="contact-card">
                            <div class="contact-icon"><i class="flaticon-customer-service"></i>

                            </div>
                            <div class="contact-info">
                                <h5>Email & Phone</h5>
                                <p>13107672019
                                    <a href="javascript:;" class="__cf_email__" data-cfemail="f098959c9c9fb0979d91999cde939f9d">[email&#160;protected]</a></p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <div class="contact-card">
                            <div class="contact-icon"><i class="flaticon-thumbs-up"></i>
                            </div>
                            <div class="contact-info">
                                <h5>社交媒体</h5>
                                <ul class="contact-icons">
                                    <li>抖音:1232455</li>
                                    <li>微信:旅游网</li>
                                    <li>微博（未开通）</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
       <div class="container">
        <div class="contact-inputs pt-120">
            <div class="row">
                <div class="col-lg-6">
                    <div class="contact-details">
                        <h5 class="contact-d-head">联系</h5>
                        <p>
							如果您遇到任何问题可以和我们取得联系，我们将第一时间给您答复！
						</p>
                        <ul class="office-clock">
                            <li>
                                <div class="clock-icon"><i class='flaticon-clock-1'></i></div>
                                <div class="clock-info">
                                    <h5>在线时间</h5>
                                    <p>周一-周六 <br> 10.00Am to 10.00PM</p>
                                </div>
                            </li>
                            <li>
                                <div class="clock-icon"><i class='flaticon-clock-1'></i></div>
                                <div class="clock-info">
                                    <h5>放假时间	r</h5>
                                    <p>周日</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="contact-form">
                        <form method="post" enctype="multipart/form-data" novalidate>
                            {% csrf_token %}
                            <h5 class="contact-d-head">联系我们</h5>
                            <div class="row">
                                {% for field in form %}
                                <div class="col-lg-6">
                                    {{ field }}
                                    <span style="color: red;">{{ field.errors.0 }}</span>
                                </div>
                            {% endfor %}
                                <div class="col-lg-12">
                                    <input type="submit" value="提交留言">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
       </div>
    </div>
	
	
    
  
 {% endblock %}